<template>
  <!--组件国际化配置-->
  <a-config-provider :locale="locale"><router-view /></a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
export default {
  name: 'App',
  data() {
    return {
      locale: null,
    };
  },
  methods: {
    getPopupContainer(el, dialogContext) {
      if (dialogContext) {
        return dialogContext.getDialogWrap();
      } else {
        return document.body;
      }
    },
  },
  mounted() {
    //后续自行增加切换,改默认为zh-cn
    dayjs.locale('zh-cn');
    this.locale = zhCN;
  },
};
</script>

<style lang="less">
#app {
  ::-webkit-scrollbar {
    width: 6px;
    height: 5px;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f2f2f2;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9e9e9e;
  }
  .formItemInput {
    display: flex;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    width: 160px;
    overflow: hidden;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    div {
      flex: 1;
      padding: 4px;
    }
    .left {
      border-right: 1px solid #d9d9d9;
    }
    .left:hover {
      cursor: pointer;
    }
    .right {
      border-left: 1px solid #d9d9d9;
    }
    .right:hover {
      cursor: pointer;
    }
  }
  .formItemInput:hover {
    border: 1px solid #40a9ff;
  }
}
</style>
